import { Component, OnInit,Input } from '@angular/core';

@Component({
  selector: 'el-form',
  templateUrl: './form.component.html',
  styleUrls: ['../theme/form.css']
})
export class FormComponent implements OnInit {
  //行内表单模式
  @Input() inline: boolean = false;
  //是否在输入框中显示校验结果反馈图标
  @Input('status-icon') showIcon: boolean = false;
  //是否以行内形式展示校验信息
  @Input('show-message') showMessage: boolean = false;
  //是否以行内形式展示校验信息
  @Input('inline-message') inlineMessage: boolean = false;
  //用于控制该表单内组件的尺寸 medium / small / mini
  @Input() size: string = '';
  //表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width  right/left/top
  @Input('label-position') labelPosition: string = '';
  //表单域标签的宽度，例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。支持 auto。
  @Input('label-width') labelWidth: string = '100px';
  //表单域标签的后缀
  @Input('label-suffix') labelSuffix: string = '';

  constructor() { 

  }

  ngOnInit(): void {
  
  }

}
